<template>
  <a-input v-model:value="val" @change="change" v-bind="$attrs"/>
</template>

<script>
// import { getCurrentInstance } from '@vue/runtime-core';
import { ref } from "@vue/reactivity";

export default {
  props: {
    currentVal: {     //当前选中值  //currentVal是home组件绑定的属性
      type: String,  //数据类型
      required: true,   //必填选项
    },
    // isDisabled: {      //是否禁用
    //   type: Boolean,
    //   default: false,
    // },
  },
  setup(props, { emit }) {   //使用 setup 函数时它将接收两个参数：
    // 响应式数据
     // const {proxy} = getCurrentInstance()  //相当于this
    const val = ref(props.currentVal);

    // 双向绑定数据
    const change = (event) => {    //event返回来的是事件对象
      emit("update:currentVal", event.target.value);
    };

    return {
      val,
      change,
    };
  },
};
</script>

<style>
</style>